<html><head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <title>欢迎光临</title>
    <link rel="stylesheet" type="text/css" href="{php echo $this->cur_mobile_path}/css/iconfont_v2.css?v=4"/>
    <style>
        html {
            font-family: sans-serif;
            line-height: 1.15;
            -ms-text-size-adjust: 100%;
            -webkit-text-size-adjust: 100%
        }

        * {
            -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
        }

        body {
            margin: 0;
            -moz-user-select: none;
            -webkit-user-select: none;
            background-color: #e5e5e5;
            color: #333;
            font-family: PingFangSC-Regular, Microsoft YaHei, \\5FAE\8F6F\96C5\9ED1, Tahoma, Arial, Roboto, Droid Sans, Helvetica Neue, Droid Sans Fallback, Heiti SC, sans-self
        }

        .cb {
            clear: both
        }

        .cl {
            clear: left
        }

        .cr {
            clear: right
        }

        .clearfix {
            display: inline-block
        }

        .clearfix:after {
            content: ".";
            display: block;
            height: 0;
            clear: both;
            visibility: hidden
        }

        .Clearfix {
            display: block
        }

        .fl {
            float: left
        }

        .fr {
            float: right
        }

        .inlineblock {
            display: inline-block
        }

        article, aside, details, figcaption, figure, footer, header, main, menu,
        nav, section, summary {
            display: block
        }

        audio, canvas, progress, video {
            display: inline-block
        }

        audio:not([controls]) {
            display: none;
            height: 0
        }

        progress {
            vertical-align: baseline
        }

        [hidden], template {
            display: none
        }

        a {
            background-color: transparent;
            -webkit-text-decoration-skip: objects
        }

        a:active, a:hover {
            outline-width: 0
        }

        a:focus {
            outline: none
        }

        abbr[title] {
            border-bottom: none;
            text-decoration: underline;
            text-decoration: underline dotted
        }

        b, strong {
            font-weight: inherit;
            font-weight: bolder
        }

        dfn {
            font-style: italic
        }

        h1 {
            font-size: 2em;
            margin: .67em 0
        }

        mark {
            background-color: #ff0;
            color: #000
        }

        small {
            font-size: 80%
        }

        sub, sup {
            font-size: 75%;
            line-height: 0;
            position: relative;
            vertical-align: baseline
        }

        sub {
            bottom: -.25em
        }

        sup {
            top: -.5em
        }

        img {
            border-style: none
        }

        svg:not(:root) {
            overflow: hidden
        }

        code, kbd, pre, samp {
            font-family: monospace, monospace;
            font-size: 1em
        }

        figure {
            margin: 1em 40px
        }

        hr {
            box-sizing: content-box;
            height: 0;
            overflow: visible
        }

        button, input, optgroup, select, textarea {
            font: inherit;
            margin: 0
        }

        optgroup {
            font-weight: 700
        }

        button, input {
            overflow: visible
        }

        button, select {
            text-transform: none
        }

        [type=reset], [type=submit], button, html [type=button] {
            -webkit-appearance: button
        }

        [type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner,
        [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
            border-style: none;
            padding: 0
        }

        [type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring,
        button:-moz-focusring {
            outline: 1px dotted ButtonText
        }

        fieldset {
            border: 1px solid silver;
            margin: 0 2px;
            padding: .35em .625em .75em
        }

        legend {
            box-sizing: border-box;
            color: inherit;
            display: table;
            max-width: 100%;
            padding: 0;
            white-space: normal
        }

        textarea {
            overflow: auto
        }

        [type=checkbox], [type=radio] {
            box-sizing: border-box;
            padding: 0
        }

        [type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
            height: auto
        }

        [type=search] {
            -webkit-appearance: textfield;
            outline-offset: -2px
        }

        [type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
            -webkit-appearance: none
        }

        ::-webkit-input-placeholder {
            color: inherit;
            opacity: .54
        }

        ::-webkit-file-upload-button {
            -webkit-appearance: button;
            font: inherit
        }

        ul {
            list-style: none;
            padding: 0
        }

        .hasModal {
            overflow: hidden;
            height: 100%
        }

        .modalMask {
            position: fixed;
            left: 0;
            top: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            z-index: 1019;
            background: #000;
            opacity: .7;
            display: none
        }

        .modalActive .modalMask {
            display: block
        }

        .modalActive .dishModal {
            z-index: 1020
        }

        .currentPrice {
            word-wrap: break-word
        }

        .dishUnitName:before {
            margin-left: 5px;
            content: "/"
        }

        .textHide {
            display: none !important
        }

        .templateA .tempAHide, .templateB .tempBHide, .templateC .tempCHide,
        .templateM .tempMHide, .templateZTA .tempAHide, .templateZTB .tempBHide,
        .templateZTC .tempCHide {
            display: none
        }

        .f12 {
            font-size: 12px
        }

        .f14 {
            font-size: 14px
        }

        .f16 {
            font-size: 16px
        }

        .f18 {
            font-size: 18px
        }

        .f20 {
            font-size: 20px
        }

        .f22 {
            font-size: 22px
        }

        .f24 {
            font-size: 24px
        }

        .f26 {
            font-size: 26px
        }

        .f28 {
            font-size: 28px
        }

        .f30 {
            font-size: 30px
        }

        .f32 {
            font-size: 32px
        }

        .f34 {
            font-size: 34px
        }

        .f36 {
            font-size: 36px
        }

        .f38 {
            font-size: 38px
        }

        .f40 {
            font-size: 40px
        }

        .p0 {
            padding: 0
        }

        .pt0 {
            padding-top: 0
        }

        .pl0 {
            padding-left: 0
        }

        .pr0 {
            padding-right: 0
        }

        .pb0 {
            padding-bottom: 0
        }

        .p5 {
            padding: 5px
        }

        .pt5 {
            padding-top: 5px
        }

        .pl5 {
            padding-left: 5px
        }

        .pr5 {
            padding-right: 5px
        }

        .pb5 {
            padding-bottom: 5px
        }

        .p10 {
            padding: 10px
        }

        .pt10 {
            padding-top: 10px
        }

        .pl10 {
            padding-left: 10px
        }

        .pr10 {
            padding-right: 10px
        }

        .pb10 {
            padding-bottom: 10px
        }

        .p15 {
            padding: 15px
        }

        .pt15 {
            padding-top: 15px
        }

        .pl15 {
            padding-left: 15px
        }

        .pr15 {
            padding-right: 15px
        }

        .pb15 {
            padding-bottom: 15px
        }

        .p20 {
            padding: 20px
        }

        .pt20 {
            padding-top: 20px
        }

        .pl20 {
            padding-left: 20px
        }

        .pr20 {
            padding-right: 20px
        }

        .pb20 {
            padding-bottom: 20px
        }

        .p25 {
            padding: 25px
        }

        .pt25 {
            padding-top: 25px
        }

        .pl25 {
            padding-left: 25px
        }

        .pr25 {
            padding-right: 25px
        }

        .pb25 {
            padding-bottom: 25px
        }

        .p30 {
            padding: 30px
        }

        .pt30 {
            padding-top: 30px
        }

        .pl30 {
            padding-left: 30px
        }

        .pr30 {
            padding-right: 30px
        }

        .pb30 {
            padding-bottom: 30px
        }

        .p35 {
            padding: 35px
        }

        .pt35 {
            padding-top: 35px
        }

        .pl35 {
            padding-left: 35px
        }

        .pr35 {
            padding-right: 35px
        }

        .pb35 {
            padding-bottom: 35px
        }

        .p40 {
            padding: 40px
        }

        .pt40 {
            padding-top: 40px
        }

        .pl40 {
            padding-left: 40px
        }

        .pr40 {
            padding-right: 40px
        }

        .pb40 {
            padding-bottom: 40px
        }

        .p45 {
            padding: 45px
        }

        .pt45 {
            padding-top: 45px
        }

        .pl45 {
            padding-left: 45px
        }

        .pr45 {
            padding-right: 45px
        }

        .pb45 {
            padding-bottom: 45px
        }

        .p50 {
            padding: 50px
        }

        .pt50 {
            padding-top: 50px
        }

        .pl50 {
            padding-left: 50px
        }

        .pr50 {
            padding-right: 50px
        }

        .pb50 {
            padding-bottom: 50px
        }

        .m0 {
            margin: 0
        }

        .mt0 {
            margin-top: 0
        }

        .ml0 {
            margin-left: 0
        }

        .mr0 {
            margin-right: 0
        }

        .mb0 {
            margin-bottom: 0
        }

        .m5 {
            margin: 5px
        }

        .mt5 {
            margin-top: 5px
        }

        .ml5 {
            margin-left: 5px
        }

        .mr5 {
            margin-right: 5px
        }

        .mb5 {
            margin-bottom: 5px
        }

        .m10 {
            margin: 10px
        }

        .mt10 {
            margin-top: 10px
        }

        .ml10 {
            margin-left: 10px
        }

        .mr10 {
            margin-right: 10px
        }

        .mb10 {
            margin-bottom: 10px
        }

        .m15 {
            margin: 15px
        }

        .mt15 {
            margin-top: 15px
        }

        .ml15 {
            margin-left: 15px
        }

        .mr15 {
            margin-right: 15px
        }

        .mb15 {
            margin-bottom: 15px
        }

        .m20 {
            margin: 20px
        }

        .mt20 {
            margin-top: 20px
        }

        .ml20 {
            margin-left: 20px
        }

        .mr20 {
            margin-right: 20px
        }

        .mb20 {
            margin-bottom: 20px
        }

        .m25 {
            margin: 25px
        }

        .mt25 {
            margin-top: 25px
        }

        .ml25 {
            margin-left: 25px
        }

        .mr25 {
            margin-right: 25px
        }

        .mb25 {
            margin-bottom: 25px
        }

        .m30 {
            margin: 30px
        }

        .mt30 {
            margin-top: 30px
        }

        .ml30 {
            margin-left: 30px
        }

        .mr30 {
            margin-right: 30px
        }

        .mb30 {
            margin-bottom: 30px
        }

        .m35 {
            margin: 35px
        }

        .mt35 {
            margin-top: 35px
        }

        .ml35 {
            margin-left: 35px
        }

        .mr35 {
            margin-right: 35px
        }

        .mb35 {
            margin-bottom: 35px
        }

        .m40 {
            margin: 40px
        }

        .mt40 {
            margin-top: 40px
        }

        .ml40 {
            margin-left: 40px
        }

        .mr40 {
            margin-right: 40px
        }

        .mb40 {
            margin-bottom: 40px
        }

        .m45 {
            margin: 45px
        }

        .mt45 {
            margin-top: 45px
        }

        .ml45 {
            margin-left: 45px
        }

        .mr45 {
            margin-right: 45px
        }

        .mb45 {
            margin-bottom: 45px
        }

        .m50 {
            margin: 50px
        }

        .mt50 {
            margin-top: 50px
        }

        .ml50 {
            margin-left: 50px
        }

        .mr50 {
            margin-right: 50px
        }

        .mb50 {
            margin-bottom: 50px
        }

        .be5 {
            border: 1px solid #e5e5e5
        }

        .bte5 {
            border-top: 1px solid #e5e5e5
        }

        .ble5 {
            border-left: 1px solid #e5e5e5
        }

        .bre5 {
            border-right: 1px solid #e5e5e5
        }

        .bbe5 {
            border-bottom: 1px solid #e5e5e5
        }

        .border0 {
            border: 0
        }

        .indent2 {
            text-indent: 2em
        }

        .fcf {
            color: #fff
        }

        .fc8 {
            color: #888
        }

        .fc9 {
            color: #999
        }

        .f4e {
            color: #ff4e4e
        }

        .f4c82 {
            color: #44cc82
        }

        .fcy {
            color: #f38c0c
        }

        .bcd {
            background-color: #ddd
        }

        .disableBtn {
            background-color: #4f4949
        }

        .fc6 {
            color: #666
        }

        .fc3 {
            color: #333
        }

        .f86 {
            color: #868686
        }

        .fcc {
            color: #ccc
        }

        .bcf {
            background-color: #fff
        }

        .bce5 {
            background-color: #e5e5e5
        }

        .bcf4e {
            background-color: #ff4e4e
        }

        .bc4c82 {
            background-color: #44cc82
        }

        .dfjb {
            display: flex;
            justify-content: space-between
        }

        .w49 {
            width: 49%
        }

        .w100 {
            width: 100%
        }

        .radius5 {
            border-radius: 5px
        }

        .radius10 {
            border-radius: 10px
        }

        .tc {
            text-align: center
        }

        .tl {
            text-align: left
        }

        .tr {
            text-align: right
        }

        .r15 {
            right: 15px
        }

        .yc {
            transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -ms-transform: translateY(-50%);
            -o-transform: translateY(-50%)
        }

        .txc, .yc {
            position: absolute;
            top: 50%
        }

        .txc {
            transform: translateX(-50%);
            -webkit-transform: translateX(-50%);
            -moz-transform: translateX(-50%);
            -ms-transform: translateX(-50%);
            -o-transform: translateX(-50%)
        }

        .xyc {
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%)
        }

        .vt {
            vertical-align: text-top
        }

        .pr {
            position: relative
        }

        .pa {
            position: absolute
        }

        #landscape {
            display: none;
            background-color: #000;
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            z-index: 120000010
        }

        #landscape > div {
            border-radius: 5px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%)
        }

        @media screen and (orientation:landscape) {
            #landscape2 {
                display: block
            }
        }

        @media screen and (min-width:320px) and (max-width:374px) {
            .mesg p:first-child {
                margin-bottom: 60px !important
            }

            .peoplenumbers {
                height: 40px !important
            }

            .tcdishProperty .cartBtn, .tcPriceDes {
                font-size: 14px
            }
        }

        .hvcenter {
            transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%)
        }

        .animated {
            animation-duration: 1s;
            animation-fill-mode: both
        }

        @keyframes fadeInDown {
            0% {
                opacity: 0;
                transform: translateZ(0)
            }

            to {
                opacity: 1;
                transform: none
            }
        }

        .fadeInDown {
            animation-name: fadeInDown
        }

        .dishNum {
            text-align: center;
            display: inline-block;
            width: 40px;
            height: 26px;
            line-height: 26px
        }

        @media screen and (max-width:359px) {
            .dishNum {
                width: 30px
            }
        }

        .enterNum {
            border-top: 1px solid #999;
            border-bottom: 1px solid #999;
            position: relative;
            overflow: hidden;
            white-space: nowrap;
            vertical-align: top;
            background-color: #fff
        }

        .br50 {
            border-radius: 50%
        }

        .cursorElement {
            display: inline-block;
            background-color: #333;
            width: 1px;
            height: 18px;
            overflow: hidden;
            top: 1px;
            vertical-align: middle
        }

        .cuscursor {
            -webkit-animation-name: cursor2;
            animation-name: cursor2
        }

        .animated2 {
            -webkit-animation-duration: 2s;
            animation-duration: 2s;
            -webkit-animation-fill-mode: both;
            animation-fill-mode: both;
            animation-delay: 0;
            -webkit-animation-delay: 0;
            animation-iteration-count: infinite;
            -webkit-animation-iteration-count: infinite
        }

        @keyframes cursor2 {
            0% {
                opacity: 0
            }

            40% {
                opacity: 1
            }

            60% {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        @-webkit-keyframes cursor2 {
            0% {
                opacity: 0
            }

            40% {
                opacity: 1
            }

            60% {
                opacity: 0
            }

            to {
                opacity: 1
            }
        }

        .removeDishNormal {
            -webkit-transform: none !important;
            transform: none !important;
            transition: none !important;
            -webkit-transition: none !important
        }

        @keyframes bounceInRight {
            0% {
                opacity: 0;
                transform: translate3d(35px, 0, 0)
            }

            50% {
                opacity: .7
            }

            to {
                transform: none
            }
        }

        .bounceInRight {
            animation-name: bounceInRight;
            animation-duration: .2s
        }

        @keyframes fadeIn {
            0% {
                opacity: 0;
                transform: translate3d(20px, 0, 0)
            }

            50% {
                opacity: .7
            }

            to {
                opacity: 1;
                transform: none
            }
        }

        .fadeIn {
            animation-name: fadeIn;
            animation-duration: .2s
        }

        @keyframes fadeInLeft {
            0% {
                opacity: 0;
                transform: translate3d(-100%, 0, 0)
            }

            to {
                opacity: 1;
                transform: none
            }
        }

        .fadeInLeft {
            animation-name: fadeInLeft
        }

        @keyframes fadeInRight {
            0% {
                opacity: 0;
                transform: translate3d(100%, 0, 0)
            }

            to {
                opacity: 1;
                transform: none
            }
        }

        .fadeInRight {
            animation-name: fadeInRight
        }

        .boxfee, .icon-manlijian:before {
            display: none
        }

        .loading {
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            z-index: 999999
        }

        .loadingContent {
            position: absolute;
            width: 100%;
            text-align: center;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%);
            z-index: 100
        }

        .loadingHide {
            display: none
        }

        .loadMask {
            position: absolute;
            width: 100%;
            height: 100%;
            background: #fff
        }

        .loadingText {
            display: none
        }

        .network.loadingText {
            display: block
        }

        .indexDebugContainer {
            position: relative
        }

        .numKeyboard {
            width: 16%;
            padding: 5% 2%;
            margin: 2%;
            border: 1px solid #555;
            border-radius: 6px
        }

        .peopleConfirmBtn {
            border-radius: 6px
        }

        .peopleCancleBtn {
            border-radius: 6px
        }

        @media screen and (max-width:359px) {
            .peopleConfirmBtn {
                padding: 5px
            }
        }

        .selPeopleWrap {
            height: 48%
        }

        @media screen and (max-width:359px) {
            .selPeopleWrap {
                height: 30% !important
            }
        }

        .btnsWrap {
            height: 100%;
            overflow-y: auto
        }

        @media screen and (max-width:359px) {
            .btnsWrap {
                margin-top: -5px
            }
        }

        @media screen and (min-width:320px) and (max-width:374px) {
            .selectPeopleNums {
                height: 90% !important
            }

            .selPeopleWrap {
                height: 42% !important
            }

            .numKeyboard {
                padding: 4% 2% !important
            }
        }

        body, html {
            overflow-y: hidden
        }

        #ipp {
            height: 100%
        }

        .imgWrap {
            border-radius: 80px;
            display: inline-block;
            overflow: hidden
        }

        .imgWrap, .imgWrap img {
            width: 80px;
            height: 80px
        }

        .numText {
            font-size: 26px;
            font-weight: 700;
            color: red;
            width: 100%;
            text-align: center
        }

        .peopleCountComponent {
            height: 100%
        }

        .vh {
            visibility: hidden
        }

        .selectPeopleNums {
            width: 80%;
            height: 80%
        }

        .tablewareFeeInfo {
            border-top: 1px solid #333
        }

        @media screen and (max-width:359px) {
            .selectPeopleNums {
                height: 96% !important;
                overflow: auto
            }
        }

        .menuSection {
            text-align: center;
            width: 100%;
            height: 100%
        }

        .shop-head {
            width: 100px;
            height: 100px
        }

        @media screen and (max-width:374px) and (min-width:320px) {
            .mcName {
                margin-bottom: 60px !important
            }
        }

        .username {
            margin-top: 20px;
            color: #fff
        }

        .services .flex {
            width: 100%
        }

        .services .flexitem {
            display: inline-block;
            margin: 0;
            width: 25%
        }

        .services .flexitem p {
            padding-top: 0;
            margin: 0
        }

        .services .btn {
            width: 60px;
            height: 60px;
            line-height: 50px;
            border: none;
            border-radius: 38px;
            font-size: 15px;
            justify-content: center;
            flex-basis: auto;
            margin: 10px 15px;
            display: inline-block
        }

        .services .btn i {
            font-size: 25px
        }

        #makeorder, #remakeorder {
            background: #ff5050
        }

        #orders, #payOrders {
            background: #ffab08
        }

        #evaluate {
            background: #46cd83
        }

        .bg-index {
            position: fixed;
            width: 100%;
            height: 100%;
            background: -webkit-radial-gradient(#331b1c 10%, #241213 30%, #000);
            background: -o-radial-gradient(#331b1c 10%, #241213 30%, #000);
            background: -moz-radial-gradient(#331b1c 10%, #241213 30%, #000);
            background: radial-gradient(#331b1c 10%, #241213 30%, #000);
            background-size: 100% 100%;
            z-index: 1
        }

        .wrap {
            width: 95%;
            z-index: 2;
            top: 47%;
            font-family: Helvetica Neue, Helvetica, Segoe UI, Arial, Microsoft YaHei, FreeSans, Arimo, Droid Sans, wenquanyi micro hei, sans-serif;
            color: #fff
        }

        .copyright, .wrap {
            text-align: center;
            position: absolute;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%)
        }

        .copyright {
            bottom: -25px;
            width: 100%;
            z-index: 99
        }

        .copyright p {
            margin-bottom: 15px
        }

        .copyright img {
            width: 46px;
            height: 14px;
            vertical-align: middle
        }

        .f80 {
            font-size: 80px
        }

        .tablename {
            margin-bottom: 80px;
            font-size: 20px
        }

        .mcName {
            margin-top: 25px;
            margin-bottom: 0 !important
        }

        .simpleMessageContent {
            position: fixed;
            top: 50%;
            left: 50%;
            width: 75%;
            height: auto;
            max-height: 75%;
            overflow-y: auto;
            overflow-x: hidden;
            background: #fff;
            z-index: 2000;
            -webkit-backface-visibility: hidden;
            -moz-backface-visibility: hidden;
            backface-visibility: hidden;
            -webkit-transform: translateX(-50%) translateY(-50%);
            -moz-transform: translateX(-50%) translateY(-50%);
            -ms-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%)
        }

        .textCdHide {
            display: none !important
        }

        .shop-head {
            width: 100px;
            height: 100px
        }

        .templates {
            position: fixed;
            width: 100%;
            height: 100%;
            background: -webkit-radial-gradient(#331b1c 10%, #241213 30%, #000);
            background: -o-radial-gradient(#331b1c 10%, #241213 30%, #000);
            background: -moz-radial-gradient(#331b1c 10%, #241213 30%, #000);
            background: radial-gradient(#331b1c 10%, #241213 30%, #000);
            background-size: 100% 100%;
            z-index: 1
        }

        .wrap {
            width: 100%;
            z-index: 2;
            text-align: center;
            position: absolute;
            top: 47%;
            left: 50%;
            transform: translate(-50%, -50%);
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -o-transform: translate(-50%, -50%)
        }

        .mesg {
            margin: 20px auto 25px;
            color: #fff
        }

        .indexBtn {
            width: 92%;
            margin: auto;
            background-color: #ff4e4e;
            border: 1px solid #ff4e4e;
            color: #fff;
            font-size: 19px;
            text-align: center;
            vertical-align: middle;
            padding: 11.75px 19px
        }

        .support {
            width: 100%;
            position: absolute;
            bottom: 15px;
            text-align: center
        }

        .support img {
            width: 46px;
            height: 14px
        }

        .support img, .support span {
            vertical-align: middle
        }

        .mesg p:first-child {
            font-weight: blod;
            margin-bottom: 0 !important
        }

        .tableName {
            font-size: 20px
        }

        .nickname {
            margin-top: 55px
        }

        .dcBg {
            background: #ff5050 !important
        }

        .czBg, .dcBg {
            margin-top: -2px !important
        }

        .czBg {
            background: #f1ab40
        }

        .jzBg {
            background: #44cc82 !important
        }

        .f80 {
            font-size: 80px
        }

        .userVipInfo {
            margin: -5px
        }

        .userVipInfo button {
            border-radius: 20px;
            outline: none;
            border: 1.6px solid #daa33e;
            background: #170b0c;
            color: #daa33e;
            padding: 5px 10px
        }

        .userVipInfo button .icon-huiyuanbiaoqian {
            font-size: 20px;
            margin-right: 5px;
            line-height: 11px
        }

        .md {
            font-size: 24px
        }

        .dropdownImg {
            width: 50px;
            height: 50px
        }

        .dropdownCircleWrap, .dropdownImg {
            border-radius: 50%;
            z-index: 5;
            margin-top: 15px;
            margin-right: 15px
        }

        .dropdownCircleWrap {
            width: 10px;
            height: 10px;
            top: 0;
            right: 0;
            padding: 2px
        }

        .dropdownCircle {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            top: 2px;
            right: 2px
        }

        .dropdownItems {
            top: 80px;
            right: 15px;
            border-radius: 5px;
            z-index: 5
        }

        .dropdownItems:before {
            content: "";
            position: absolute;
            top: -5px;
            text-align: center;
            width: 10px;
            height: 10px;
            right: 10%;
            background-color: #fff;
            transform: rotate(45deg);
            -webkit-transform: rotate(45deg);
            -moz-transform: rotate(45deg);
            -o-transform: rotate(45deg);
            -ms-transform: rotate(45deg)
        }

        .dropdownItem1 {
            border-bottom: 1px solid #aaa
        }

        .indexWrap {
            width: 100%;
            height: 100%
        }

        .indexAjadDebug {
            position: relative;
            z-index: 10;
            background-color: #fff
        }
    </style>
</head>
<body>
{if empty($fans['headimgurl'])}
{php $headimg = $this->cur_mobile_path . '/image/catImage.jpg';}
{php $nickname = '游客'}
{else}
{php $headimg = tomedia($fans['headimgurl']);}
{php $nickname = $fans['nickname']}
{/if}
<div id="app">
    <div data-reactroot="" class="templates templateB">
        <div class="loading loadingHide">
            <div class=" loadMask"></div>
            <div class="loadingContent">
                <div class="loadImg"><img
                        src="{RES}/images/loading.gif"></div>
                <div class="text-center">嚯嚯，别急，马上就来啦~</div>
                <div class="loadingText text-center">OMG，网貌似有点小问题~</div>
            </div>
        </div>
        <div class="indexWrap">
            <div class="dropdownWrap tr">
                <img src="{$headimg}" class="dropdownImg pr tempCHide">
                <span class="dropdownCircleWrap inlineblock bcf pa tempCHide textCdHide">
                    <span class="dropdownCircle inlineblock bcf4e pa"></span></span>

                <div id="dropdownCon" class="dropdownItems inlineblock bcf p5 fc3 tl pa animated textCdHide" data-show="false">
                    <div class="p10">历史订单</div>
                </div>
            </div>
            <div>
                <div class="wrap services">
                    <div><span class="iconfont icon-makefood f80 whiteC"></span></div>
                    <div class="mesg">
                        <p class="md">{$store['title']}</p>
                        <p class="tableName tempCHide">桌位：{$table_title}</p>
                        <p class="nickname tempCHide">{$nickname}</p>
                        <p class="nicknameC tempAHide tempBHide">欢迎光临，{$nickname}！</p>
                        <p class="tempCHide">您好，欢迎光临!</p></div>
                    <div class="flexitem tempCHide">
                        <div class="btn dcBg" id="orders"><i class="iconfont icon-iconfonticon"></i></div>
                        <p>点餐</p></div>
                    {if $setting['isshow_table_store'] == 1}
                    <div class="flexitem tempCHide">
                        <div class="btn czBg" id="store"><i class="iconfont icon-mendian"></i></div>
                        <p>门店</p></div>
                    {/if}
                    {if $setting['isshow_table_order'] == 1}
                    <div class="flexitem tempCHide">
                        <div class="btn jzBg" id="order"><i class="iconfont icon-dingdan"></i></div>
                        <p>订单</p></div>
                    {/if}
                    <!--<div class="flexitem tempCHide">-->
                        <!--<div class="btn jzBg"><i class="iconfont icon-iconfontcanju"></i></div>-->
                        <!--<p>充值</p></div>-->
                    <!--<div class="flexitem tempCHide">-->
                        <!--<div class="btn jzBg"><i class="iconfont icon-4jihuomamingpianjihuoxianqiqiahao"></i></div>-->
                        <!--<p>充值</p></div>-->

                </div>
            </div>
            <div class="support fc8 f12">
                <img src="" style="display: none;">
                <span>
                {if !empty($config['copyright_name'])}
                {$config['copyright_name']}
                {else}
                {$_W['account']['name']}
                {/if}
                </span>
            </div>
        </div>
</div>
</div>
<div id="app2" style="display: none;">
    <div class="templates templateB">
        <div class="loading loadingHide">
            <div class=" loadMask"></div>
            <div class="loadingContent">
                <div class="loadImg"><img
                        src="{RES}/images/loading.gif"></div>
                <div class="text-center">嚯嚯，别急，马上就来啦~</div>
                <div class="loadingText text-center">OMG，网貌似有点小问题~</div>
            </div>
        </div>
        <div class="peopleCountComponent">
            <div class="selectPeopleNums tc xyc">
                <div class="tc">
                    <div class="imgWrap"><img src="{$headimg}"></div>
                    <div class="nickNameC fc79C" style="margin-top:5px;">{$nickname}</div>
                </div>
                <div class="fcf pl10 pr10 f14 mt30 mb10 blackWordC f16C">请选择用餐人数</div>
                <div class="selPeopleWrap">
                    <div id="btnsWrap" class="btnsWrap fcf f12"><div class="inlineblock numKeyboard">1人</div><div class="inlineblock numKeyboard">2人</div><div class="inlineblock numKeyboard">3人</div><div class="inlineblock numKeyboard">4人</div><div class="inlineblock numKeyboard">5人</div><div class="inlineblock numKeyboard">6人</div><div class="inlineblock numKeyboard">7人</div><div class="inlineblock numKeyboard">8人</div><div class="inlineblock numKeyboard">9人</div><div class="inlineblock numKeyboard">10人</div><div class="inlineblock numKeyboard">11人</div><div class="inlineblock numKeyboard">12人</div><div class="inlineblock numKeyboard">13人</div><div class="inlineblock numKeyboard">14人</div><div class="inlineblock numKeyboard">15人</div><div class="inlineblock numKeyboard">16人</div>
                    </div>
                    <div class="peopleConfirmBtn p15 m10 disableBtn fc9">确认</div>
                    <div class="peopleCancleBtn p15 m10  fcf">关闭</div>
                    <!--bc4c82-->
                </div>
            </div>
        </div>
    </div>
</div>
<div id="landscape" style="display: none">
    <div class="bcf p10 tc">亲，请使用竖屏浏览</div>
</div>
<input type="hidden" id="btnable" value="0" name="btnable">
<input type="hidden" id="count" value="0" name="count">
<script src="{php echo $this->cur_mobile_path}/script/jquery-1.8.3.min.js"></script>
<script>
    $(function () {
        $('#orders').click(function(e) {
            $('#app').css({"display": "none"});
            $('#app2').css({"display": "block"});
        });
        $('.peopleCancleBtn').click(function(e) {
            $('#app2').css({"display": "none"});
            $('#app').css({"display": "block"});
        });
        $('.numKeyboard').click(function(e) {
            $(this).addClass("bcf4e").siblings().removeClass("bcf4e");
            $('.peopleConfirmBtn').addClass("bcf4e fcf");
            $('.peopleConfirmBtn').removeClass("fc9");
            $('#btnable').val(1);
            $('#count').val($(this).html());
        });
        $('.peopleConfirmBtn').click(function(e) {
            var status = $('#btnable').val();
            var count = $('#count').val();
            if (status == 1) {
                var url = "{php echo $this->createMobileurl('waplist', array('storeid' => $storeid, 'tablesid' => $tablesid, 'mode' => 1, 'append' => $append, 'orderid' => intval($_GPC['orderid'])), true)}";
                url += '&pnum=' + count;
                location.href = url;
            }
        });
        $('#store').click(function(e) {
            var url = "{php echo $this->createMobileurl('detail', array('id' => $storeid), true)}";
            location.href = url;
        });
        $('#order').click(function(e) {
            var url = "{php echo $this->createMobileurl('order', array(), true)}";
            location.href = url;
        });
    });
</script>
</body>
</html>